<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>我的家乡-美食篇</title>

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/animate.min.css">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="wrap">
       <!-- header部分 -->
      <div class="header">
        <div class="content">
          <div class="header-left">
            <h3>我的家乡</h3>
          </div>
          <div class="header-mid">
              <ul id="nav" class="animated fadeInLeft">
                  <li><a href="file:///E:/桌面a/我的家乡/index.html"><span>首页</span></a></li>
                  <li class="active"><a href="file:///E:/桌面a/我的家乡/food.html"><span>美食</span></a></li>
                  <li><a href="file:///E:/桌面a/我的家乡/scenery.html"><span>景点</span></a></li>
                  <li><a href="file:///E:/桌面a/我的家乡/custom.html"><span>民俗</span></a></li>
              </ul>
          </div>
          <div class="header-right">
            <a href="https://baike.baidu.com/item/成都/128473?fr=aladdin"><button>Welcome</button></a>
        </div>
        </div>
      </div>
       <!-- food-one部分 -->
      <div class="food-one">
        <div class="content">
          <div class="food-one-left  animated slideInLeft">
            <img src="img/tygz.jpg" alt="">
            <p>美食推荐①</p>
          </div>
            <div class="food-one-right animated slideInLeft">
                <h1>糖油果子</h1>
                <hr>
                <p>在成都当地，很多人将它叫做天鹅蛋，原因很简单，因为形状长得很像天鹅蛋，属于成都比较有名的小吃了，这个天鹅蛋做出来的成品外面颜色非常金黄亮泽，外边焦脆，里面吃起来则非常软糯，味道香甜，吃过之后嘴里还留着一股甜甜的味道。</p>
                <p>糖油果子，别看它小小的个头，卖价也不是很贵，但是还是有历史的呢，大家知道是什么故事吗?早在一千多年一千，宋代的时候就已经有这种食物了，之前人们在花会上会将它拿出来卖，很多人都喜欢拿着竹签将它穿起来吃，一边吃一边看花，一遍看灯，糖油果子就这样被传承下来了，这就成了早期花会上的一道亮丽的美食风景线。若是去到成都，不仅仅可以在大街小巷上能看到它，庙会上也会经常有它哦，吃起来味道非常的鲜美可口。</p>
            </div>
        </div>
    </div>
     <!-- food-two部分 -->
    <div class="food-two">
      <div class="content">
        <div class="food-two-left animated slideInLeft">
          <img src="img/lcs.jpg" alt="">
          <p>美食推荐②</p>
        </div>
          <div class="food-two-right animated slideInLeft">
              <h1>龙抄手</h1>
              <hr>
              <p>龙抄手，是成都市著名的传统小吃，抄手是馄饨在四川地区的叫法。抄手的得名：成都的“龙抄手”1941年开设于成都的悦来场，上个世纪50年代初迁往新集场，60年代后又迁至春熙路南段至今，迄今已有70余年的历史了。</p>
              <p>龙抄手创始于上世纪40年代左右，当时春熙路"浓花茶社"的张光武等几位伙计商量合资开一个抄手店，取店名时就谐"浓"字音，也取"龙凤呈祥"、“龙腾虎跃”之意，定名为"龙抄手"。龙抄手的主要特色是：皮薄、馅嫩、汤鲜。抄手皮用的是特级面粉加少许配料，细搓慢揉，擀制成"薄如纸、细如绸"的半透明状。肉馅细嫩滑爽，香醇可口。龙抄手的原汤是用鸡、鸭和猪身上几个部位的肉，经猛炖慢煨而成。原汤又白、又浓、又香。</p>
          </div>
      </div>
  </div>
  <!-- food-three部分 -->
  <div class="food-three">
    <div class="content">
      <div class="food-three-left animated slideInLeft">
        <img src="img/ddm.jpg" alt="">
        <p>美食推荐③</p>
      </div>
        <div class="food-three-right animated slideInLeft">
            <h1>担担面</h1>
            <hr>
            <p>担担面是四川民间极为普遍且颇具特殊风味的一种著名小吃。因常由小贩挑担叫卖，由此得名。此面色泽红亮，冬菜、麻酱浓香，麻辣酸味突出，鲜而不腻，辣而不燥，堪称川味面食中的佼佼者。其面条细滑，主要佐料有红辣椒油、肉末、川冬菜、芽菜、花椒面、红酱油、蒜末、豌豆尖和葱花等，口味油香麻辣，比较适口。担担面相传为1841年一个绰号叫做陈包包的自贡小贩创制，随后传入成都，因为早期是用扁担挑在肩上沿街叫卖，所以叫做担担面。日本的不少拉面馆也有四川担担面供应。</p>
            <p>担担面是四川小吃中的代表性食物，为人们品尝四川小吃时的必备佳肴。如今担担面已遍布各地，虽做法有些许不同，但因其美味受到各地人民的喜爱，已成为一种家常美食小吃。2013年，担担面入选商务部、中国饭店协会首次评选的“中国十大名面条”。</p>
        </div>
    </div>
</div>
     <!-- poetry部分 -->
     <div class="poetry">
      <div class="content">
         <div class="container">
           <div class="page-header">
             <h1>邂逅成都</h1>
           </div>
         </div>
           <div class="container">
             <div class="row">
               <div class="col-md-4">
                   <div class="caption">
                     <h3>唐张籍《成都曲》</h3>
                     <p>锦江近百烟水绿，新雨山头荔枝熟。</p>
                     <p>万里桥边多酒家，游人爱向谁家宿？</p>
                   </div>
                 </div>
                 <div class="col-md-4">
                   <div class="caption">
                     <h3>杜甫《春夜喜雨》</h3>
                     <p>好雨知时节，当春乃发生。</p>
                     <p>随风潜入夜，润物细无声。</p>
                     <p>野径云俱黑，江船火独明。</p>
                     <p>晓看红湿处，花重锦官城。</p>
                   </div>
                 </div>
                 <div class="col-md-4">
                   <div class="caption">
                     <h3>岑参《万里桥》</h3>
                     <p>成都与维扬，相去万里地。</p>
                     <p>沧江东流疾，帆去如鸟翅。</p>
                     <p>楚客过此桥，东看尽垂泪。</p>
                   </div>
                 </div>
               </div>
        </div>
   </div>
 </div>
 </div>

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
  </body>
</html>